<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Indiefilm Productions Studio Management System" />
<meta name="keywords" content="" />

<title>Indiefilm Studio Management System</title>
<link href="../../css/layout.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/typography.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/form.css" rel="stylesheet" type="text/css" media="all" /> 
<link rel="shortcut icon" href="../../favicon.ico" />
<link href="../../js/css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css"/>
<script src="../../js/jquery-1.4.3.min.js"></script>
<script src="../../js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="../../js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />   
<script type='text/javascript' src='../../js/fullcalendar.min.js'></script>
<link rel='stylesheet' type='text/css' href='../../css/fullcalendar.css' />
<script type='text/javascript' src='../../js/popframe.js'></script>
    

</head>

<body>
<div id="Outer">
    <div id="Header">
        <div class="header-inner">
            <h1><img src="../../images/blackcurrent-logo.jpg" alt="Logo" /></h1>
            
            <div class="topTabContainer">
            	<div class="topTabSearch">Today is Wed, 4 Aug 10 - Hi Borden Li, <a href="#">Logout</a></div>
            </div>
            
            
            <div class="navContainer">
                <div id="nav-level-one">
                    <h2>Indiefilm Productions</h2>
                </div><!--Navigation Ends-->
        </div><!--navContainer Ends-->
        
        
        </div><!--header-inner Ends-->	
    </div><!--Header-->

        
 <div id="nav_two_level" class="nav_container">
 <div class="nav_container_inner">
	<ul id="nav">
        <li><a href="photo-bookings-list.html"><span></span><strong>Jobs</strong></a></li>
        <!--<li><a href="photo-album.html"><span></span><strong>Album Orders</strong></a></li> --><li><a href="photo-clients.html"><span></span><strong>Manage</strong></a></li>
        <li><a href="photo-accounts-invoice-open.html" class="current"><span></span><strong>Accounts</strong></a></li>
    </ul>
    <ul id="nav_second_level">
        <li><a href="photo-accounts-invoice-open.html"  class="current"><span></span><strong>Open Invoices</strong></a></li>
        <li><a href="photo-accounts-invoice-closed.html"><span></span><strong>Closed Invoices</strong></a></li>
        <li><a href="photo-accounts-payments.html"><span></span><strong>Client Payments</strong></a></li>
        <li><a href="photo-accounts-bill-payments.html"><span></span><strong>Bill To Pay</strong></a></li>
        <li><a href="photo-accounts-timesheet.html"><span></span><strong>Staff Time Sheet</strong></a></li>
    </ul>
</div><!--nav_container_inner Ends-->  
</div><!--nav_two_level Ends-->  
        
<div class="clear"></div>        

  

    <div class="main-bg">
            
        <div id="Layout">
            <div class="inner-layout">	
                <div class="typography">
                   
                    
                    <div id="sideBar">                     
                        <div class="sideModule">
                          
                          <div>
          <a href="photo-accounts-invoice-form.html"><img src="../../images/new_invoice_bt.png" class="action-btn" alt="New Invoice"></a>
        </div>
                        <div>
                            <ul id="shortcuts_menu" class="sidemenu no_icon">
                                <li><a href="#">Open Invoice (4)</a></li>
                                <li><a href="#">Overdue Invoice (1)</a></li>
                            </ul>
                        </div>
                      </div><!--sideModule-->
                      
                    </div> <!--sidebar-->
                    
                    <div class="contentLayout">
        
                    
           <h2>Accounts > Open Invoices</h2>
            
             <div class="filter form-container cleared" id="client_filter">
            <form method="get" action="#">
            
            <div id="filtered_by">
            <label for="query_q"> Client </label> 
            <input type="text" size="40" placeholder="Enter client's name, address or email" name="query[q]" id="query_q" style="color: rgb(204, 204, 204);">
            </div>
            
       
            From Date Picker  - To Date Picker | <a href="#">Sort by Due date</a> | <a href="#">Sort by Invoice Date</a>
            
            </form>
            </div><!--Form Filter Ends-->
            
            
             <h4>Due November 2010</h4>
                <div class="contentBox">
               <div class="inner">
<div id="client_summary">
  <div id="activitys">
   <div class="activity_content">
   <table class="wide invoices zebra top_margined">
		<thead>
			<tr>
			  <th width="14%">Invoice Date</th>
				<th width="15%">Amount Due</th>
				<th width="13%">Invoice No.</th>
       			<th width="14%">Job No.</th>
				<th width="14%">Due Date</th>
				<th width="30%">Client</th>
			</tr>
		</thead>
		<tbody>

            <tr class="invoice">
              <td>05/11/2010</td>
				<td>$111,150.00</td>
				<td class="invoice_url clickable_url"><a href="photo-accounts-invoice-details.html">00000375</a></td>
        		<td>BLP001003</td>
				<td class="last"><span><strong>07/11/2010</strong></span></td>
				<td class="last"><a href="photo-client-details.html">Bor Design Ltd</a></td>
     </tr>
     
      <tr class="invoice alt">
        <td>07/11/2010</td>
				<td>$500.00</td>
				<td class="invoice_url clickable_url"><a href="photo-accounts-invoice-details.html">00000375</a></td>
        		<td>BLP001004</td>
				<td class="last"><span>20/11/2010</span></td>
				<td class="last"><a href="photo-client-details.html">Caroline Eve</a></td>
     </tr>   
      <tr class="last">
        <td class="totalDue">Sub Total:</td>
				<td class="totalDue">$111,650.00</td>
				<td class="invoice_url clickable_url">&nbsp;</td>
        		<td>&nbsp;</td>
				<td class="last">&nbsp;</td>
				<td class="last">&nbsp;</td>
     </tr>   
     </tbody>
</table>
	</div>
  </div>
</div>
            </div><!--inner Ends-->
            </div><!--contentBox Ends-->
            
           <h4>Due December 2010</h4>
                   <div class="contentBox">
               <div class="inner">
<div id="client_summary">
  <div id="activitys">
   <div class="activity_content">
   <table class="wide invoices zebra top_margined">
		<thead>
			<tr>
			  <th width="14%">Invoice Date</th>
				<th width="15%">Amount Due</th>
				<th width="13%">Invoice No.</th>
       			<th width="14%">Job No.</th>
				<th width="14%">Due Date</th>
				<th width="30%">Client</th>
			</tr>
		</thead>
		<tbody>

            <tr class="invoice">
              <td>20/12/2010</td>
				<td>$2,500.00</td>
				<td class="invoice_url clickable_url"><a href="photo-accounts-invoice-details.html">00000375</a></td>
        		<td>BLP001003</td>
				<td class="last"><span>07/11/2010</span></td>
				<td class="last"><a href="#">Mighty River power</a></td>
     </tr>
     
      <tr class="invoice alt">
        <td>20/12/2010</td>
				<td>$150.00</td>
				<td class="invoice_url clickable_url"><a href="photo-accounts-invoice-details.html">00000375</a></td>
        		<td>BLP001004</td>
				<td class="last"><span>07/11/2010</span></td>
				<td class="last"><a href="#">Caroline Eve</a></td>
     </tr>   
      <tr class="last">
        <td class="totalDue">Sub Total:</td>
				<td class="totalDue">$2,650.00</td>
				<td class="invoice_url clickable_url">&nbsp;</td>
        		<td>&nbsp;</td>
				<td class="last">&nbsp;</td>
				<td class="last">&nbsp;</td>
     </tr>   
     </tbody>
</table>
	</div>
  </div>
</div>
            </div><!--inner Ends-->
            </div><!--contentBox Ends-->
      
                  </div><!--content Layout-->
                                
                </div><!-- typography Ends -->	
            </div><!-- inner-layout Ends -->
        </div><!-- Layout Ends -->
    
    </div><!-- main-bg Ends -->
    

    <div id="Footer">
    
        <div class="footer-tools">
            <ul class="footer-tools-list">
            <li>&copy; Indiefilm Productions</li>
            <li class="print"><a href="javascript:print();">Print this page</a></li>
            <!--<li class="email"><a href="#">Email this page</a></li>-->
            <li class="top"><a href="#Header">Page top</a></li>
            <li><a href="#">Logout</a></li>
            </ul>
        </div>
        
      
            
         

    </div><!-- Footer Ends -->
    
</div> <!--Outer Ends -->	






</body>
</html>
